import React, { useState } from 'react';

const Invalidnosti = ({ value, onChange }) => {
    const categories = [
        { id: 1, text: 'Инвалид по слуху' },
        { id: 2, text: 'Инвалид по зрению' },
        { id: 3, text: 'Инвалид на кресле-коляске' },
        { id: 4, text: 'Инвалид с нарушением ОДА' },
        { id: 5, text: 'Инвалид с умственными нарушениями' },
        { id: 6, text: 'Option 3' },
    ];

    const handleChange = (e) => {
        onChange(e.target.value);
    };

    return (
        <select
            id="invalidnosti-select"
            className="thq-select"
            value={value}
            onChange={handleChange}
        >
            {categories.map((category) => (
                <option key={category.id} value={category.id}>
                    {category.text}
                </option>
            ))}
        </select>
    );
};

export default Invalidnosti;
